.exam_wrap {
	width: 100%;
	height: 100%;
	padding-top: 20px;
	padding-bottom: 20px;
	box-sizing: border-box;
	display: flex;
	.exam_wrap_left_title {
		margin-bottom: 24px;
		font-size: 16px;
		font-weight: bold;
		line-height: normal;
		letter-spacing: 0em;
		color: #3a3d40;
		position: relative;
		margin-left: 6px;
	}
	.exam_wrap_left_title::after {
		content: "";
		width: 4px;
		height: 15px;
		background-color: #1880ff;
		position: absolute;
		left: -8px;
		top: 4px;
	}
	.exam_wrap_left {
		width: 320px;
		background-color: #fff;
		margin-right: 20px;
		border-radius: 8px;
		padding: 24px;
		box-sizing: border-box;
		overflow-y: hidden;

		::-webkit-scrollbar {
			display: none; /* Chrome Safari */
		}
		.exam_wrap_left_list {
			overflow-y: scroll;
			height: 100%;
			padding-bottom: 20px;
			box-sizing: border-box;
			.exam_wrap_left_list_item {
				display: flex;
				align-items: center;
				margin-bottom: 10px;
				span {
					flex: 1;
					font-size: 14px;
					font-weight: 350;
					line-height: normal;
					letter-spacing: 0em;
					color: #5f6367;
					padding: 12px 10px;
					margin-right: 10px;
				}
				span.active {
					background: #f2fcf7;
					color: #3dc77f;
					cursor: pointer;
				}
				span.err {
					background: #fcf2f2;
					color: #ff4d4f;
					cursor: pointer;
				}
				img {
					width: 16px;
					height: 16px;
				}
			}
		}
	}
	::-webkit-scrollbar {
		display: none; /* Chrome Safari */
	}
	.exam_wrap_right {
		flex: 1;
		border-radius: 8px;
		background-color: #fff;
		padding: 20px 24px;
		box-sizing: border-box;
		height: 100%;
		position: relative;
		overflow-y: scroll;
		.exam_wrap_right_back {
			line-height: 30px;
			width: 80px;
			border-radius: 4px;
			background: #1880ff;
			color: #fff;
			font-size: 14px;
			text-align: center;
			position: absolute;
			right: 24px;
			top: 20px;
			cursor: pointer;
		}
		.exam_wrap_right_title {
			font-size: 18px;
			font-weight: 350;
			line-height: normal;
			letter-spacing: 0em;
			color: #3a3d40;
			margin-bottom: 24px;
		}
		.exam_wrap_right_dec {
			font-size: 14px;
			font-weight: 350;
			line-height: normal;
			letter-spacing: 0em;
			color: #5f6367;
			margin-bottom: 40px;
		}
		.exam_wrap_right_answer {
			display: flex;
			margin-bottom: 30px;
			.exam_wrap_right_answer_title {
				font-size: 14px;
				font-weight: bold;
				line-height: normal;
				letter-spacing: 0em;
				color: #5f6367;
				margin-right: 8px;
			}
			.exam_wrap_right_answer_content {
				font-size: 14px;
				font-weight: 350;
				line-height: normal;
				letter-spacing: 0em;
				color: #5f6367;
				.qualified {
					width: 52px;
					line-height: 20px;
					text-align: center;
					border-radius: 2px;
					opacity: 1;
					background: #f2fcf7;
					box-sizing: border-box;
					border: 1px solid #3dc77f;
					color: #3dc77f;
					font-size: 13px;
					margin-bottom: 4px;
				}
				.noQualified {
					width: 52px;
					line-height: 20px;
					text-align: center;
					border-radius: 2px;
					opacity: 1;
					background: #fcf2f2;
					box-sizing: border-box;
					border: 1px solid #ff4d4f;
					color: #ff4d4f;
					font-size: 13px;
					margin-bottom: 4px;
				}
			}
		}
		.line {
			width: 100%;
			height: 1px;
			background-color: #e8e8e8;
			margin-bottom: 20px;
		}
		.btn {
			display: flex;
			margin-top: 17px;
			margin-bottom: 10px;
			.btn_save {
				width: 90px;
				line-height: 32px;
				text-align: center;
				border-radius: 4px;
				opacity: 1;
				background: #f2f4f7;
				box-sizing: border-box;
				border: 1px solid #1880ff;
				font-size: 14px;
				cursor: pointer;
				color: #1880ff;
				margin-right: 16px;
			}
			.btn_submit {
				width: 90px;
				line-height: 32px;
				text-align: center;
				border-radius: 4px;
				opacity: 1;
				background: #1880ff;
				box-sizing: border-box;
				font-size: 14px;
				color: #fff;
				cursor: pointer;
			}
			.btn_submit.disabled {
				cursor: not-allowed;
				opacity: 0.5;
			}
		}
		.tip {
			font-size: 14px;
			font-weight: 350;
			line-height: normal;
			letter-spacing: 0em;
			color: #9fa3a7;
		}
	}
}
